半透明の画像(プラグイン)にマウスオーバーした時に透明度を100%(透過無し)に変更する方法。
コントローラーなど、有った方が良いけど透過無しだとちょっと画面がごちゃごちゃしてうっとうしいものなどを半透明にして、必要な時だけ透過無しにするなどすると見やすいパノラマになる。
【使用するファイル】
xmlファイル
任意の画像
【基本コード】
下記のコードをxmlファイル内に記述する。
<plugin name="button" url="gazo.png" handcursor="false" align="center" alpha="0.25" onover="tween(alpha,1);" onout="tween(alpha,0.25);" />
【解説】
<plugin name="button" url="gazo.png" handcursor="false" align="center" alpha="0.25" //透明度の設定 onover="tween(alpha,1);" //マウスオーバーした時の透明度 onout="tween(alpha,0.25);" //マウスアウトした時の透明度 />
【メモ】
onout=”tween(alpha,0.25);”を省くと透明度100%になると元に戻らない。
tween(alpha透明度,時間); 時間の記述で変化の時間を調整出来る。
マウスオーバーではなくクリックで行いたい場合は
onover=”tween(alpha,1);” を onclickr=”tween(alpha,1);” にする。
クリックだけで透明度の切替を行いたい場合は
switchを使って切り替える(アニメーション(tween)なし)
onclick=”switch(plugin[button00].alpha,1,0.25);”
アニメーション(tween)有り
onclick=”IF(plugin[button00].alpha == 1, tween(plugin[button00].alpha,0.25), tween(plugin[button00].alpha,1));”
サンプルコード
<plugin name="button" url="gazo.png" handcursor="false" align="center" alpha="0.25" onclick="IF(plugin[button].alpha == 1, tween(plugin[button].alpha,0.5), tween(plugin[button].alpha,1));" /> 【実例】
<krpano version="1.16">
<include url="skin/defaultskin.xml" />
<view hlookat="0" vlookat="0" maxpixelzoom="1.0" fovmax="150" limitview="auto" />
<preview url="mukogawa1.tiles/preview.jpg" />
<image type="CUBE" multires="true" tilesize="512" progressive="false">
<level tiledimagewidth="4776" tiledimageheight="4776">
<cube url="mukogawa1.tiles/mres_%s/l4/%0v/l4_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="2388" tiledimageheight="2388">
<cube url="mukogawa1.tiles/mres_%s/l3/%0v/l3_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="1194" tiledimageheight="1194">
<cube url="mukogawa1.tiles/mres_%s/l2/%0v/l2_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="597" tiledimageheight="597">
<cube url="mukogawa1.tiles/mres_%s/l1/%0v/l1_%s_%0v_%0h.jpg" />
</level>
<mobile>
<cube url="mukogawa1.tiles/mobile_%s.jpg" />
</mobile>
</image>
<plugin name="button"
url="logo.png"
handcursor="false"
align="rightbottom"
alpha="0.25"
onover="tween(alpha,1);" onout="tween(alpha,0.25);"
/>
</krpano>